<!DOCTYPE html>
<html>
	{include file="public/header" /}
	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">姓名</label>
							<div class="layui-input-block">
								<input type="text" name="TrueName" placeholder="请输入" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">手机号</label>
							<div class="layui-input-block">
								<input type="text" name="Mobile" placeholder="请输入" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">身份证号</label>
							<div class="layui-input-block">
								<input type="text" name="IDCard" placeholder="请输入" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">催收人员</label>
							<div class="layui-input-block">
						      <select name="cuishourenID"  lay-filter="july" >
								<option value=""></option>
								<?php foreach($callRoleData as $k=>$v){ ?>
									<option value="<?php echo $v['ID'] ?>"><?php echo $v['UserName'] ?></option>
								<?php } ?>
						      </select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">还款状态</label>
							<div class="layui-input-block">
						      <select name="LoanStatus"  lay-filter="july" >
								<option value=""></option>
								<option value="2">未还</option>
								<option value="3">已还</option>
						      </select>
							</div>
						</div>
						<div class="layui-inline">
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">应还时间</label>
									<div class="layui-input-inline">
										<input type="text" name="YyFkTime" class="layui-input" id="test6" placeholder=" - ">
									</div>
								</div>
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
              				<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            				</button>
						</div>
					</div>
				</div>
				<div class="layui-card-body">
					<div style="padding-bottom: 10px;">
					<table id="LAY-user-back-manage" lay-filter="LAY-user-back-manage"></table>	
				</div>
			</div>
		</div>
		{include file="public/footer" /}
		<script>
			layui.use('laydate', function(){
			  var laydate = layui.laydate;
			  laydate.render({
			    elem: '#test6',
			    range:true
			  });
			});
			layui.use(['table'], function() {
				var $ = layui.$,
					form = layui.form,
					table = layui.table;

				//监听搜索
				form.on('submit(LAY-user-back-search)', function(data) {
					var field = data.field;
				//执行重载
					table.reload('LAY-user-back-manage', {
						where: field
					});
				});
				//监听工具条
				table.on('tool(LAY-user-back-manage)', function(obj) {
					var data = obj.data;
					if(obj.event === 'detail') {
						layer.msg('ID：' + data.id + ' 的查看操作');
					} else if(obj.event === 'del') {
						layer.confirm('真的删除行么', function(index) {
							//      console.log(data);
							$.ajax({
								'type': 'post',
								'url': "{:url('admin/count/get_checkAcount_list')}",
								'data': {
									'ID': data.ID
								},
								dataType: 'json',
								success: function(res) {
									if(res.code == '0') {
										layer.msg(res.msg, {
											icon: 1
										});
									} else {
										layer.msg(res.msg, {
											icon: 5
										});
									}
									table.reload('LAY-user-back-manage');
									layer.close(index); //关闭弹层
								}
							});

						});
					} else if(obj.event === 'edit') {
						layer.open({
							type: 2,
							title: '编辑管理员',
							content: 'editss.html?ID=' + data.ID,
							area: ['420px', '420px'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交
								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段
									//									console.log(12);
									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/adminuser/edit')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-back-manage');
											layer.close(index); //关闭弹层
										}
									});

								});

								submit.trigger('click');
							}
						});
					}
				});
				table.render({
					elem: '#LAY-user-back-manage',
					url: "{:url('admin/count/getCheckAcount')}",
					toolbar: '#LAY-user-back-manage',
					title: '管理员数据表',
					cols: [
						[{
								type: 'checkbox',
								fixed: 'left'
							},{
								field: 'ID',
								title: 'ID',
								width: 80,
								fixed: 'left',
								unresize: true,
								sort: true
							},{
								field: 'TrueName',
								title: '姓名',
								width: 100,
								edit: 'text'
							},{
								field: 'Mobile',
								title: '手机号',
								width: 120,
								edit: 'text',
							},{
								field: 'IDCard',
								title: '身份证号',
								width: 180,
								edit: 'text',
							},{
								field: 'OrderSn',
								title: '订单号',
								width: 180,
								edit: 'text'
							},{
								field: 'ApplyMoney',
								title: '申请金额',
								width: 100,
								edit: 'text'
							},{
								field: 'ApplyDay',
								title: '借款期限',
								width: 90,
								edit: 'text'
							},{
								field: 'ApplyTime',
								title: '申请时间',
								width: 160,
								edit: 'text'
							},{
								field: 'YyFkTime',
								title: '应还时间',
								width: 120,
								edit: 'text'
							},{
								field: 'daoqiMoney',
								title: '到期应还',
								width: 110,
								edit: 'text'
							},{
								field: 'ShoulPay',
								title: '目前应还金额',
								width: 120,
								edit: 'text'
							},{
								field: 'shijihuan',
								title: '催回金额',
								width: 110,
								edit: 'text'
							},{
								field: 'huomian',
								title: '减免金额',
								width: 110,
								edit: 'text'
							},{
								field: 'HkTime',
								title: '实际还款时间',
								width: 180,
								edit: 'text'
							},{
								field: 'cuishouren',
								title: '催回人',
								width: 180,
								edit: 'text'
							}
						]
					],
					page: true
				});
				//事件
				var active = {
					batchdel: function() {
						var checkStatus = table.checkStatus('LAY-user-back-manage'),
							checkData = checkStatus.data; //得到选中的数据
						if(checkData.length === 0) {
							return layer.msg('请选择数据');
						}
						layer.prompt({
							formType: 1,
							title: '敏感操作，请验证口令'
						}, function(value, index) {
							layer.close(index);

							layer.confirm('确定删除吗？', function(index) {

								//执行 Ajax 后重载
								/*
								admin.req({
								  url: 'xxx'
								  //,……
								});
								*/
								table.reload('LAY-user-back-manage');
								layer.msg('已删除');
							});
						});
					},
					add: function() {
						layer.open({
							type: 2,
							title: '添加管理员',
							content: 'adminform.html',
							area: ['420px', '420px'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {
								var iframeWindow = window['layui-layer-iframe' + index],
									submitID = 'LAY-user-back-submit',
									submit = layero.find('iframe').contents().find('#' + submitID);
								//监听提交

								iframeWindow.layui.form.on('submit(' + submitID + ')', function(data) {
									var field = data.field; //获取提交的字段
									//									console.log(12);
									//提交 Ajax 成功后，静态更新表格中的数据
									$.ajax({
										'type': 'post',
										'url': "{:url('admin/adminuser/add')}",
										'data': field,
										dataType: 'json',
										success: function(res) {
											if(res.code == '0') {
												layer.msg(res.msg, {
													icon: 1
												});
											} else {
												layer.msg(res.msg, {
													icon: 5
												});
											}
											table.reload('LAY-user-back-manage');
											layer.close(index); //关闭弹层
										}
									});

								});

								submit.trigger('click');
							}
						});
					}
				}
				$('.layui-btn.layuiadmin-btn-admin').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
			});
		</script>
	</body>

</html>